<script>
export default {
  name: 'SpecificBusiness'
};
</script>

<template>
  <v-container class="contain px-3" style="padding: 20px 0">
    <div class="desc">
      <div class="desc-title">特定商取引に基づく表記</div>
      <div class="desc-item">
        <div class="desc-item-label">サイト名</div>
        <div class="desc-item-value">
          Only JDMレンタカー <a href="https://only-jdm.com">https://only-jdm.com</a>
        </div>
      </div>
      <!-- <div class="desc-item">
        <div class="desc-item-label">提供事業者</div>
        <div class="desc-item-value">株式会社J Project</div>
      </div> -->
      <div class="desc-item">
        <div class="desc-item-label">運営責任者</div>
        <div class="desc-item-value">鈴木蓮ノ介</div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">所在地</div>
        <div class="desc-item-value">〒143-0013 東京都大田区大森南２−２０−１４−Ｓ１Ｆ</div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">お問合せ先</div>
        <div class="desc-item-value">03-6781-0430</div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">権利の種類</div>
        <div class="desc-item-value">レンタカーサービス</div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">権利の移転</div>
        <div class="desc-item-value">店頭にて貸渡契約締結後に車両引き渡し</div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">利用料金等</div>
        <div class="desc-item-value">
          車両一覧ページに表示 <br />
          <a href="https://only-jdm.com/searchcar">https://only-jdm.com/searchcar</a>
        </div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">商品代金以外に必要な料金</div>
        <div class="desc-item-value">
          保険補償内容におけるお客様負担額(免責額)が免除される制度、およびその他オプションサービス
        </div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">お支払い方法</div>
        <div class="desc-item-value">現金及びクレジットカード決済（VISA、JCB、AMEX、MASTER)</div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">お支払い時期</div>
        <div class="desc-item-value">
          現金：店頭貸渡時に料金を申し受けます <br />
          クレジットカード：各クレジットカード会社の規定に基づきます
        </div>
      </div>
      <div class="desc-item">
        <div class="desc-item-label">予約変更と取消について</div>
        <div class="desc-item-value">
          予約の変更またはキャンセルの場合、以下の料金が適用されます：
          <ul>
            <li>レンタルの7日前まで：無料</li>
            <li>レンタルの6日前から3日前まで：レンタル料金の30%</li>
            <li>レンタルの2日前から前日まで：レンタル料金の50%</li>
            <li>レンタル当日：レンタル料金の100%</li>
          </ul>
        </div>
      </div>
    </div>
  </v-container>
</template>

<style scoped lang="scss">
.desc {
  .desc-title {
    font-size: 30px;
    padding: 8px 0 22px;
    border-bottom: 1px dashed #ccc;
  }
  .desc-item {
    display: flex;
    align-items: flex-start;
    padding: 8px 0;
    justify-content: space-between;
    border-bottom: 1px dashed #ccc;

    .desc-item-label {
      width: 35%;
    }
    .desc-item-value {
      flex: 1;
      margin-left: 12px;
    }
  }
}
</style>
